<%@ page language="java" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
  <head>
    
    <link href="<s:url value="/resources"/>/css/style_new.css" rel="stylesheet" type="text/css" />
    <link href="<s:url value="/resources"/>/css/main_new.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" media="screen" href="<s:url value="/resources"/>/css/cupertino/jquery-ui.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="<s:url value="/resources"/>/css/ui.jqgrid.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="<s:url value="/resources"/>/css/ui.multiselect.css" />
    <script type="text/javascript" src="<s:url value="/resources"/>/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="<s:url value="/resources"/>/js/jquery-ui.custom.min.js"></script>  
    <script type="text/javascript" src="<s:url value="/resources"/>/js/i18n/grid.locale-cn.js"></script> 
    <script type="text/javascript" src="<s:url value="/resources"/>/js/jquery.jqGrid.min.js"></script>
    <script type="text/javascript" src="<s:url value="/resources"/>/js/i18n/jquery.ui.datepicker-zh-CN.js"></script>
<style>
html, body {
	margin: 0;			 
	padding: 0;
    font-size: 85%;
}
</style>
    
  </head>
  
  <script type="text/javascript">  
  var qieye = 0;

    $(function(){ 
    $("#chax").button();
    $("#tib").button();
    $("#daoc").button();
    $("#reset").button();
    $("#dialog-confirm").hide();
    loadTab(0);
    $( "#datepicker" ).datepicker($.datepicker.regional[ "zh-CN" ]);
    $( "#datepicker1" ).datepicker($.datepicker.regional[ "zh-CN" ]); 
    $( "#zidqysj" ).datepicker($.datepicker.regional[ "zh-CN" ]); 
    $( "#zidqysj1" ).datepicker($.datepicker.regional[ "zh-CN" ]);       
    $( "#tabs" ).tabs({
		    select: function(event, ui) {
		    var i =ui.index;	    
		    if(i==''){
		    i="0";
		    }
		    qieye = i;
		    loadTab(i);
		    //$("#myTab"+qieye).jqGrid('setGridParam',{url:'htJqgrid.action?index='+qieye,mtype:'post',page:1}).trigger("reloadGrid");
		   // alert("aa");
		   if(i=='1'){
		   jQuery("#myTab="+i).jqGrid('hideCol',["Verify"]);
		   }  
            //return false;           
  		  }
		
	});
    
 });
 
 function loadTab(i){  
    var sign = true;
    if(i=='1') sign = false;
    $("#myTab"+i).jqGrid({      
    url:'findYdht?index='+i, 
    cellEdit: true,
	cellurl:'priceEdit',		
    datatype: 'json',
    mtype: 'post',         
   	colNames:['操作','年份','月份','合同号','企业合同号', '出卖人','发货单位名称', '买受人','收货单位','煤种','品种','发站 ','到站 ','价格','数量','合同总价','签订日期','合同状态','','hetid'],
   	colModel:[ 
   	    {name:'Verify',index:'id',width:80,align:"center",sortable:false},
   	    {name:'nianf',index:'nianf', width:60},
   	    {name:'yuef',index:'yuef', width:60},
   	    {name:'hetbh',index:'hetbh', width:120},	  		
   		{name:'hetlrbh',index:'hetlrbh', width:120},
   		{name:'chumdwmc',index:'chumdwmc', width:200},
   		{name:'fahdwmc',index:'fahdwmc', width:120},
   		{name:'maisdwmc',index:'maisdwmc', width:120 },
   		{name:'shouhdwmc',index:'shouhdwmc', width:120 },
   		{name:'meiz',index:'meiz', width:60 },	
   		{name:'pinz',index:'pinz', width:60 },	
   		{name:'fazmch',index:'fazmch', width:60 },
   		{name:'daozmch',index:'daozmch', width:60 },
   		{name:'jiag',index:'jiag', width:60, editable: true  },
   		{name:'shul',index:'shul', width:60 },
   		{name:'htzj',index:'htzj', width:60 },
   		{name:'qianysj',index:'qianysj', width:80},	
   		{name:'htzt',index:'htzt', width:50},
   		{name:'zhuangt',index:'zhuangt', width:50, sortable:false},
   		{name:'hetid',index:'hetid', width:50}		
   	],
   
    jsonReader: {
           repeatitems : false, 
           id: 'hetid'
         },
    width: 1500, 
    shrinkToFit:true,    	
   	rowNum:10,
   	rowList:[10,20,30],     	
   	pager: '#pager'+i,   	
   	rownumbers: true,   	 
    viewrecords: true,
    multiselect: sign,
    sortorder: 'desc',  
    altRows:true,  
	//caption: "合同列表",
	
	afterSubmitCell  : function(serverresponse,rowid,cellname,value,iRow,iCol) { 
        if(serverresponse.responseText=='0'){
        	alert("价格修改失败");
        };
		if(serverresponse.responseText=='1'){
			//alert("价格修改成功");
        };
		if(serverresponse.responseText=='2'){
			alert("价格不能为空");
        };
		if(serverresponse.responseText=='3'){
			alert("合同信息不符");
        };
		if(serverresponse.responseText=='4'){
			alert("价格格式不正确");
        };
		
    },
	gridComplete:function()
	{ //在此事件中循环为每一行添加修改和删除链接 
		var ids=jQuery("#myTab"+i).jqGrid('getDataIDs'); 		
		for(var j=0; j<ids.length; j++)
		{ 
			var id=ids[j]; 			
			if(i==1){	
			var jsv = $("#myTab"+i).jqGrid('getRowData',ids[j]);
			  if(jsv.zhuangt==4){
			    verify ="<a href='#' style='color:#f60' onclick='Canel("+ id +")'>撤销</a>&nbsp;|&nbsp;<a href='#' style='color:#f60' onclick='select("+ id +")'>查看</a>";
			  }else{
			    verify ="<a href='#' style='color:#f60' onclick='select("+ id +")'>查看</a>";
			  }			
			}else{
			verify ="<a href='#' style='color:#f60' onclick='Verify("+ id +")'>编辑</a>&nbsp;|&nbsp;<a href='#' style='color:#f60' onclick='select("+ id +")'>查看</a>";
			}
			jQuery("#myTab"+i).jqGrid('setRowData',ids[j], { Verify: verify }); 
		} 
	} 	
  });
  $("#myTab"+i).jqGrid('setGridHeight','280px');
  $("#myTab"+i).jqGrid('hideCol',["chumdwmc"]);
  $("#myTab"+i).jqGrid('hideCol',["zhuangt"]);
  $("#myTab"+i).jqGrid('hideCol',["hetid"]);
  }

// 查询
function search(){ 
  //alert("aaa");  
  var formdata = $("#form1").serialize();  
  $("#myTab"+qieye).jqGrid('setGridParam',{url:'findYdht?'+formdata+'&htlx=3&dzbm=23&index='+qieye,mtype:'post',page:1}).trigger("reloadGrid"); 
}

function openwindow(url){
    var sheight = screen.height-70;
    var swidth = screen.width-10;
   var winoption ="dialogHeight:"+sheight+"px;dialogWidth:"+ swidth +"px;status:yes;scroll:yes;resizable:yes;center:yes";
    var result=window.showModalDialog(url,window,winoption);
    //alert(result);
    if(result ==1){
     reloadhtxx();
      }
    return result;  
}

function reloadhtxx(){
var formdata = $("#form1").serialize();  
  $("#myTab"+qieye).jqGrid('setGridParam',{url:'findYdht?'+formdata+'&htlx=3&dzbm=23&index='+qieye,mtype:'post',page:1}).trigger("reloadGrid");
   //window.location.href="findYdhtView";
}


function submitRow() {
	var s = $("#myTab0").jqGrid('getGridParam','selarrrow');
	if (s == "") {
        alert("请先选择报单，再点击提交！");
        return;
    }
    
	var url = "<s:url value="/"/>/htgl/submitYdht?htid="+s;
	$( "#dialog-confirm" ).dialog({
			resizable: false,
			height:140,
			modal: true,
			buttons: {
				"确认": function() {
				    
					$.post(url, function(data) {					
                    var json =eval('(' + data + ')');
					   if(json.result==1){					   
					   alert("提交成功！");
					   reloadhtxx();
					   }else{					  
					   alert("提交失败！"+json.msg);
					   }   
                   });                  
                   $( this ).dialog( "close" );
				},
				"返回": function() {
					$( this ).dialog( "close" );
				}
			}
		});     
}


function Verify(id) { //单击修改链接的操作 
   if(id.id!=undefined){
   openwindow('findYdhtDetail?hetid='+id.id);
   }else{
   //var htbh = id.item(1).cells.item(2).innerHTML;
	openwindow('findYdhtDetail?hetid='+id );
   }
}

function select(id) { 
    var hetid= "";
   if(id.id!=undefined){
   hetid=id.id;
   }else{
   hetid=id;
   //var htbh = id.item(1).cells.item(14).innerHTML;	
   }
   openwindow('findHtcxDetail?hetid='+hetid );         
 }
 
 function Canel(id) {  
   var hetid=""; 
   if(id.id!=undefined){
      hetid=id.id;    
    }else{
    //var htbh = id.item(1).cells.item(2).innerHTML;	
	  hetid=id;
    }   
    var url = "<s:url value="/"/>/htgl/cancelYdht?hetid="+id;
    $.post(url, function(data) {					
                    var json =eval('(' + data + ')');
					   if(json.result==1){					   
					   alert("撤销成功！");
					   reloadhtxx();
					   }else{					  
					   alert("撤销失败！"+json.msg);
					   }   
                   });       
 }

//重置
function resetSearch(){
	$('#list_search  input[type=text]').val('');
	$('#list_search select').val('-1');
}

function dc_excel(){ 
var a = 0;
if (qieye!="0") a= "1,2,3,4,5";
	form1.action="htgl/jytj_excel.action?jiaoylx=3&index="+a;
	form1.method = "post";
	form1.submit();
	}

</script>  
<body>
<div class="container">  
<div class="containerbox">
<div class="btn-bar">
    <a href="#" class="btn" onclick="submitRow();"><img src="<s:url value="/resources"/>/img/operate_pass.gif" /> <span>提报</span></a> 
    
    <!-- <a href="#" class="btn"><img src="<s:url value="/resources"/>/img/ico_27.gif" /> <span>导出excel</span></a>  --> 
    
    </div>
<div class="search mt10" id="list_search">
<form id="form1" method="post">

<table class="search-table" width="90%" cellpadding="0" cellspacing="0" border="0"> 
        <tr>
        	<td> 
            	合同编号: 
            </td>
            <td>
            	<input type="text" name="aa" class="form-textbox" style="width: 200px;"/> 
            </td>
            <td>
                煤种:
            </td>
            <td>
            	<div class="pr10 search-table-70"><div>
            	<select name="bb" class="form-textbox" style="width: 200px;">
            	<option value="-1" selected>==请选择==</option>
                   <c:forEach var="mz" items="${meiz}">
                   <option value="${mz.diccode}">
                   ${mz.dicname}
                   </option>
                   </c:forEach>
                 </select>
            	</div></div> 
            </td>            
            <td>
               品种 :
            </td>
            <td>
            	<div class="pr10 search-table-70"><div>
            	<select name="cc" class="form-textbox" style="width: 200px;">
            	<option value="-1" selected>==请选择==</option>
                   <c:forEach var="pz" items="${pinz}">
                   <option value="${pz.diccode}">
                   ${pz.dicname}
                   </option>
                   </c:forEach>
                 </select>
            	
            	</div></div>
            </td>
        </tr>
        <tr>
        <td>出卖人:</td>
        <td><input type="text" name="dd" class="form-textbox" style="width: 200px;"/></td>
        <td>发货单位:</td>
        <td><input type="text" name="ee" class="form-textbox" style="width: 200px;"/></td>
        <td>发站(局):</td>
        <td><input type="text" name="ff" class="form-textbox" style="width: 200px;"/></td>
        </tr>
        <tr>
        <td>买受人:</td>
        <td><input type="text" name="gg" class="form-textbox" style="width: 200px;"/></td>
        <td>收货单位:</td>
        <td><input type="text" name="hh" class="form-textbox" style="width: 200px;"/></td>
        <td>到站(局):</td>
        <td><input type="text" name="ii" class="form-textbox" style="width: 200px;"/></td>
        </tr>
        <tr>
        <td>价格:</td>
        <td><input type="text" name="jj" class="form-textbox" style="width: 93px;" onKeyUp="this.value=this.value.replace(/\D/g,'');" />
          --
          <input type="text" name="kk" class="form-textbox" style="width: 93px;" onKeyUp="this.value=this.value.replace(/\D/g,'');" /></td>
        <td>数量:</td>
        <td><input type="text" name="ll" class="form-textbox" style="width: 93px;" onKeyUp="this.value=this.value.replace(/\D/g,'');" />
          --
          <input type="text" name="mm" class="form-textbox" style="width: 93px;" onKeyUp="this.value=this.value.replace(/\D/g,'');" /></td>
        <td>签订日期:</td>
            <td>
            	<input id="datepicker" type="text" name="nn" class="form-textbox" style="width: 93px;"/> -- <input id="datepicker1" type="text" name="oo" class="form-textbox" style="width: 93px;"/>
            </td>
        </tr>
        <tr>
        <td>合同形式:</td>
        <td><div class="pr10 search-table-70"><div>
        <select name="pp" class="form-textbox" style="width: 200px;">
            <option value="-1" selected>==请选择==</option>
            <option value="3">省内</option>
            <option value="4">省外</option>
        </select>
        
        </div></div></td>
        <td>隶属行业:</td>
        <td><div class="pr10 search-table-70"><div>
            <select name="rr" class="form-textbox" style="width: 200px;">
                  <option value="-1" selected>==请选择==</option>
                   <c:forEach var="hy" items="${hangy}">
                   <option value="${hy.diccode}">
                   ${hy.dicname}
                   </option>
                   </c:forEach>
            </select>
        
        </div></div></td>
        <td>年月:</td>
        <td><div>
        <select name="uu" class="form-textbox" style="width: 93px;">
            <option value="-1" selected>==请选择==</option>
            <option value="2014">2014</option>
            <option value="2015">2015</option>
            <option value="2016">2016</option>
        </select>
        <select name="vv" class="form-textbox" style="width: 93px;">
            <option value="-1" selected>==请选择==</option>
            <option value="01">01</option>
            <option value="02">02</option>
            <option value="03">03</option>
            <option value="04">04</option>
            <option value="05">05</option>
            <option value="06">06</option>
            <option value="07">07</option>
            <option value="08">08</option>
            <option value="09">09</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
        </select>
        </div>
        </td>
        </tr>	
		<tr>
    <td align="left" valign="middle" colspan="6">
<table border="0" cellspacing="0" cellpadding="0" >
  <tr>
    <td align="right" class="pr10 search-table-70">&nbsp;</td>
    <td align="left"><input name="" type="button" class="form-button-query form-button" value="查询" onclick="search();"/>
    <input name="" type="button" class="form-button-reset form-button" value="重置"  onclick="resetSearch();"/></td>
  </tr>
</table></td>
  </tr>
  </table> 
  </form>   
  </div>     
   <div id="tabs">
			<ul>
				<li><a href="#tabs-0">待提报</a></li>
				<li><a href="#tabs-1">已提报</a></li>
			</ul>
			<div id="tabs-0">
				<table id="myTab0" class="scroll" cellpadding="0" cellspacing="0"></table>
				<div id="pager0" class="scroll"></div>
				<div id="message0" class="scroll"></div>
			</div>
			<div id="tabs-1">
				<table id="myTab1" class="scroll" cellpadding="0" cellspacing="0"></table>
				<div id="pager1" class="scroll"></div>
				<div id="message1" class="scroll"></div>
			</div>

   </div>
   <div id="dialog-confirm"><strong>是否确认提报？</strong></div>
</div> 
</div>
</body>
</html>
